/*

Project: Template
Author(s): GSP
Last Revised: 05-10-18
Last Revised By: GSP

*/

/* INDEX ELEMENT STYLES */
html {
    height: 100%;
}

body { 
  background:  url('../images/4.JPG')no-repeat center fixed rgba(0, 0, 0, 0.5);
  background-size: cover;
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 300;
  overflow-y: hidden; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}


/*  MESSAGES STYLES  */
.isa_info, .isa_success, .isa_warning, .isa_error , .isa_none{
margin: auto;
padding: 20px 0 20px 0;
min-height: 35px;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
    text-align: center;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    text-align: center;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    text-align: center;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
    text-align: center;
}


/* Login Box Sytles */
.login {
  padding: 40px 0;
}

.container {
    margin: auto;
    max-width: 350px;
    text-align: center;
    color: #FFFFFF;
}

.login_box {
  background-color: #00617e;
  padding: 10px 0;
  min-height: 100px;
  font-size: .9em;
}

.message {
  max-width: 100%;
}

button {
    background: #d1d1d1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
    background: -moz-linear-gradient(#d1d1d1, #afafaf);
    
    background: linear-gradient(#ffffff, #fff3f3);
    border-radius: 3px;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    color: #333; }
    
button:hover {
    background: #b7b7b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#c2c2c2));
    background: -moz-linear-gradient(#b7b7b7, #c2c2c2);
    background: linear-gradient(#b7b7b7, #c2c2c2);
    opacity: 0.8; }
    
button:focus {outline:0;}


/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span {
       display: block;
       float: none;
    }
}